<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>新闻动态 - 优科曼</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<link rel="shortcut icon" href="./favicon.ico">
	<script src="libs/modernizr.custom.js"></script>
	<script src="libs/prefixfree.js"></script>
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<div id="bloc">
		<div id="nav-dialog" class="dialog dialogDown">
		    <div class="dialog_mask"></div>
		    <div class="dialog_content">
		        <ul class="nav-item scroll-animate father" data-child="li" data-effect="fadeInDownSmall" data-delay=".04">
		            <li class="on animated fadeInDownSmall"  style="animation-delay: 0s">
		                <a href="index.html" class="transi">首页</a>
		            </li>
		            <li class="animated fadeInDownSmall"  style="animation-delay: 0.04s">
		                <a class="transi">产品中心</a>
		                <ol class="transi">
		                	<li><a href="dishwasher_series.html">洗碗机系列</a></li>
		                    <li><a href="system.html">配套体系</a></li>
		                </ol>
		            </li>
					<li class="animated fadeInDownSmall"  style="animation-delay: 0.08s">
		                <a class="transi">企业动态</a>
						<ol class="transi">
							<li><a href="brand.html">品牌介绍</a></li>
							<li><a href="news.html">新闻动态</a></li>
					   </ol>
		            </li>
		            <li class="animated fadeInDownSmall"  style="animation-delay: 0.12s">
		                <a class="transi" >城市合伙人</a>
		                <ol class="transi">
		                    <li><a href="join.html">加入我们</a></li>
		                    <li><a href="network.html">零售网点</a></li>
		                </ol>
		            </li>
		            <li class="animated fadeInDownSmall"  style="animation-delay: 0.16s">
		                <a class="transi">工程师团队</a>
		                <ol class="transi">
		                    <li><a href="fame.html">名人堂</a></li>
		                    <li><a href="support.html">技术支持</a></li>
		                </ol>
		            </li>
		            <li class="animated fadeInDownSmall"  style="animation-delay: 0.20s">
		                <a class="transi" >联系我们</a>
		                <ol class="transi">
		                    <li><a href="consultation.html">咨询服务</a></li>
		                    <li><a href="rent.html">租赁服务</a></li>
		                </ol>
		            </li>
		        </ul>
		    </div>
		</div>
		<header>
		 <div class="max-wid">
	        <a href="index.html" class="iconfont wc f-28 logo"><img src="images/logo1.png" alt="">
	        	<img style="opacity: 0;position: absolute;left: 0;top: calc(50% - 14px);" src="images/logo2.png" alt=""></a>
	        <!--<div id="language" class="flex wc">
	            <a class="cn wc on f-bold">中</a><span>/</span><a class="en wc en-b">EN</a>
	        </div>-->
	        <nav class="pc-nav pc">
	            <div id="nav-box">
	                <div class="log-in">
	                    <span class="ml-48 searchGo pc" style="cursor: pointer;display: inline-block;">
	                        <a class="iconfont search-show" style="margin: 0 4px;"><img src="images/sel1.png" alt=""><img src="images/sel2.png" alt=""></a>
	                        <a class="iconfont search-close" style="margin: 0 4px;font-size: 24px;color: #fff">x</a>
	                        <div class="search-box">
	                            <i class="iconfont wc mr-8" style="vertical-align: baseline;"><img src="images/sel1.png" alt=""></i>
	                            <input type="text" id='search-txt' placeholder="搜索...">
	                            <div class="line-box">
	                                <h5>快速链接</h5>
	                                <div><a href="javascript:;">美乐水精灵</a></div>
	                                <div><a href="javascript:;">美乐水管家</a></div>
	                                <div><a href="javascript:;">台下超滤净水器</a></div>
	                                <div><a href="javascript:;">大流量反渗透系统</a></div>
	                                <div><a href="javascript:;">确认过眼神，你是我想要的人</a></div>
	                            </div>
	                        </div>
	                    </span>
	                    <a class="pc ml-12 pr music-set" style="cursor: pointer;position: relative;">
	                        <img src="images/music1.png" alt="">
	                        <img src="images/music2.png" alt="">
	                        <span></span>
	                    </a>
	                </div>
	                <span  class="flex enter go-menu">
	                    <svg version="1.1" id="bur" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	                         width="768.637px" height="650.717px" viewBox="0 0 768.637 650.717" enable-background="new 0 0 768.637 650.717"
	                         xml:space="preserve">
	                        <g>
	                            <defs>
	                                <rect id="SVGID_1_" width="768.637" height="650.717"/>
	                            </defs>
	                            <clipPath id="SVGID_2_">
	                                <use xlink:href="#SVGID_1_"  overflow="visible"/>
	                            </clipPath>

	                            <path class="l1" clip-path="url(#SVGID_2_)" fill="none" stroke="#898989" stroke-width="88.398" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
	    M44.199,98.89c0,0,123.738-123.055,340.119,0c216.381,123.054,340.118,0,340.118,0"/>

	                            <path class="l2" clip-path="url(#SVGID_2_)" fill="none" stroke="#898989" stroke-width="88.398" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
	    M44.199,325.358c0,0,123.738-123.055,340.119,0c216.381,123.056,340.118,0,340.118,0"/>

	                            <path class="l3" clip-path="url(#SVGID_2_)" fill="none" stroke="#898989" stroke-width="88.398" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
	    M44.199,551.827c0,0,123.738-123.055,340.119,0c216.381,123.054,340.118,0,340.118,0"/>
	                        </g>
	                    </svg>
	                    <svg class="x" version="1.1" height="100" width="100" viewBox="0 0 100 100">
	                      <path class="line" d="M 34,32 L 66,68" />
	                      <path class="line" d="M 66,32 L 34,68" />
	                    </svg>
	                </span>
	            </div>
	        </nav>
	        <nav class='app-nav app'>
	            <a class="getAppNav">
	                <svg version="1.1" id="bur" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                     width="768.637px" height="650.717px" viewBox="0 0 768.637 650.717" enable-background="new 0 0 768.637 650.717"
                     xml:space="preserve">
	                    <g>
	                        <defs>
	                            <rect id="SVGID_1_" width="768.637" height="650.717"/>
	                        </defs>
	                        <clipPath id="SVGID_2_">
	                            <use xlink:href="#SVGID_1_"  overflow="visible"/>
	                        </clipPath>

	                        <path class="l1" clip-path="url(#SVGID_2_)" fill="none" stroke="#898989" stroke-width="88.398" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
	M44.199,98.89c0,0,123.738-123.055,340.119,0c216.381,123.054,340.118,0,340.118,0"/>

	                        <path class="l2" clip-path="url(#SVGID_2_)" fill="none" stroke="#898989" stroke-width="88.398" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
	M44.199,325.358c0,0,123.738-123.055,340.119,0c216.381,123.056,340.118,0,340.118,0"/>

	                        <path class="l3" clip-path="url(#SVGID_2_)" fill="none" stroke="#898989" stroke-width="88.398" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
	M44.199,551.827c0,0,123.738-123.055,340.119,0c216.381,123.054,340.118,0,340.118,0"/>
	                    </g>
	                </svg>
	                <svg class="x" version="1.1" height="100" width="100" viewBox="0 0 100 100">
	                  <path class="line" d="M 34,32 L 66,68" />
	                  <path class="line" d="M 66,32 L 34,68" />
	                </svg>
	            </a>
	            <ol class='scroll-animate father' data-child='.alan' data-effect='fadeInRightSmall' data-hideAni='fadeOutRightSmall' data-delay='0.08s' data-width='1'>
	                <li class="alan"><a href="index.html">首页</a></li>
	                <li class="alan child-Down">
	                    <a>产品中心</a>
	                    <div class="app-down scroll-animate father" data-child='a' data-effect='fadeInRightSmall' data-delay='0.08s'>
	                         <a href="dishwasher_parts.html">洗碗机配件</a>
		                     <a href="system.html">配套体系</a>
		                     <a href="dishwasher_series.html">洗碗机系列</a>
	                    </div>
	                </li>
	                <li class="alan"><a href="brand.html">品牌介绍</a></li>
	                <li class="alan child-Down">
	                    <a>城市合伙人</a>
	                    <div class="app-down scroll-animate father" data-child='a' data-effect='fadeInRightSmall' data-delay='0.08s'>
	                        <a href="join.html">加入我们</a>
		                    <a href="network.html">零售网点</a>
	                    </div>
	                </li>
	                <li class="alan child-Down">
	                	<a>工程师团队</a>
	                	<div class="app-down scroll-animate father" data-child='a' data-effect='fadeInRightSmall' data-delay='0.08s'>
	                       <a href="fame.html">名人堂</a>
		                   <a href="support.html">技术支持</a>
	                    </div>
	                </li>
	                <li class="alan child-Down">
	                    <a>城市合伙人</a>
	                    <div class="app-down scroll-animate father" data-child='a' data-effect='fadeInRightSmall' data-delay='0.08s'>
	                       <a href="consultation.html">咨询服务</a>
		                    <a href="rent.html">租赁服务</a>
	                    </div>
	                </li>
	            </ol>
	        </nav>
	    </div>
	</header>
	<article id="news_d">
		<section id="top">
			<div class="banner">
				<img src="images/news_banner.jpg" alt="" style="animation: banner-scale 10.5s linear 1 forwards;">
				<img src="images/news_banner2.jpg" alt="" style="animation: banner-scale 10.5s linear 1 forwards;">
				<div class="txt">
					<span><em>NEWS</em></span>
					新 闻 动 态
				</div>
			</div>
		</section>
		<section class="wraps">
			<div class="use_wrap" style="background: #191919">
				<div class="container clearfix">
					<div class="left">
						<ul>
							<a href="javascript:;">
								<li class="fadeInLeftSmall animated">
									<h4 class="mb-12">01</h4>
									<p class="mb-12">优科曼21省城市合伙人洽谈里程启幕</p>
									<small>2019-05-10</small>
								</li>
							</a>
							<a href="javascript:;">
								<li class="fadeInLeftSmall animated">
									<h4 class="mb-12">01</h4>
									<p class="mb-12">优科曼21省城市合伙人洽谈里程启幕</p>
									<small>2019-05-10</small>
								</li>
							</a>
							<a href="javascript:;">
								<li class="fadeInLeftSmall animated" >
									<h4 class="mb-12">01</h4>
									<p class="mb-12">优科曼21省城市合伙人洽谈里程启幕</p>
									<small>2019-05-10</small>
								</li>
							</a>
							<a href="javascript:;">
								<li class="fadeInLeftSmall animated" >
									<h4 class="mb-12">01</h4>
									<p class="mb-12">优科曼21省城市合伙人洽谈里程启幕</p>
									<small>2019-05-10</small>
								</li>
							</a>
							<a href="javascript:;">
								<li class="fadeInLeftSmall animated" >
									<h4 class="mb-12">01</h4>
									<p class="mb-12">优科曼21省城市合伙人洽谈里程启幕</p>
									<small>2019-05-10</small>
								</li>
							</a>
						</ul>
					</div>
					<div class="right">
						<div class="main">
							<div class="new-title">
								<h3 class="mb-12">优科曼21省城市合伙人洽谈里程启幕</h3>
								<small>2019-05-10</small>
							</div>
							<div class="new-con">
								<p>优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，</p>
								<div class="imgs ">
									<div class="img img2" style="background: url(images/join_us_banner2.jpg);"></div><div class="img img2" style="background: url(images/join_us_banner2.jpg)"></div>
								</div>
								<p>优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，</p>
								<div class="imgs ">
									<div class="img img1" style="background: url('images/join_us_banner.jpg');"></div>
								</div>
								<p>优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，优科曼21省城市合伙人洽谈里程启幕，</p>
								<div class="imgs ">
									<div class="img img2" style="background: url(images/join_us_banner2.jpg);"></div><div class="img img2" style="background: url(images/join_us_banner2.jpg)"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="new-line"></div>
					<a href="javascript:history.go(-1)" class="return"><img src="images/back.png" alt=""></a>
				</div>
			</div>
		</section>
		<div id="page">
			<div class="container">
				<div class="btn" id="pre">
					<&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;PREV
				</div>
				<div class="btn" id="next">
					NEXT&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
				</div>
			</div>
		</div>
	</article>
	<footer class="footer">
		<div class="container clearfix">
			<div class="foot-nav fr">
	            <a href="network.html">零售网点</a><em>/</em><a href="support.html">技术支持</a><em>/</em><a href="join.html">加入我们</a><a class="wx iconfont f-20" href="javascript:;"><img src="images/wx1.png" alt=""><img src="images/wx2.png" style="margin-left: -22px;opacity: 0" alt=""><span class="wx_ewm"><img src="images/ewm.jpg" alt=""></span></a>
	        </div>
			<span class="fl">@Copyright 2019 Ucomen All Rights Reserved</span>
	        <div id="goTop"><img src="images/up.png" alt=""></div>
        </div>
	</footer>
	<audio src="audio/sound.wav" id="sound" autoplay loop></audio>
</div>

<script src="libs/jquery3.3.1.js"></script>
<script src="libs/jquery.easing.min.js"></script>
<script src="libs/main.js"></script>
<script src="libs/jquery.aniview.min.js"></script>	
<script src="libs/TweenMax.min.js"></script>
<script src="libs/anime.js"></script>
<script src="libs/jquery.scrollify.js"></script>
<script src="js/pixi.js"></script>
<script src="libs/perlin.js"></script>
<script src="js/base.js"></script>
<script src="js/index.js"></script>
<script src="libs/base.js"></script>
<script src="libs/jquery.mousewheel.min.js"></script>
<script src="libs/smooth.js"></script>
<script src="libs/app.js"></script>
<script>
	var w = $(window).width();
	
	$('#news_d .right .new-con .imgs .img').each(function(index, el) {
		$this = $(this);
		if ($this.hasClass('img1')) {
			$this.height($this.width()*0.29);
		}else if($this.hasClass('img2')){
			$this.height($this.width()*0.58);
		}
	});
	
	

</script>
</body>
</html>